<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/axios.min.js"></script>
    <script src="/js/query.js"></script>
    <script src="/room/js/roomInfo.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/1.css">
</head>
<body>
<div class="stuDiv1">
    <table border="1" width="100%" cellspacing="0" style="background-color: rgba(191, 250, 244, 0.71);line-height: 40px">
        <thead><tr><th>房间地址</th><th>可容纳任务</th><th>已住人数</th><th>房间状态</th><th>房间类型</th><th>操作</th></tr></thead>
        <tbody id="roomData"></tbody>
    </table>
</div>
<div id="stuCutDiv" class="stuDiv2">

</div>
<div class="stuDiv3">
    <input type="button" value="添加房间" onclick="addDiv()" style="height: 25px">
    <div class="stuDiv4">
        <div>
        <span >查找房间信息</span><br>
        房间地址:&nbsp;<input type="text" id="findName" style="margin-top: 50px;margin-bottom: 20px"><br>
        房间状态:&nbsp;<select name="edu" id="findState" style="margin-bottom: 20px">
            <option value="" >不限</option>
        <option value="正常">正常</option>
            <option value="损坏">损坏</option>
    </select><br>
        可住房间:&nbsp;<select name="edu" id="findOk" style="margin-bottom: 20px">
        <option value="">不限</option>
        <option value="dz">可住房间</option>
    </select><br>
        房间类型:&nbsp;<select name="edu" id="findSex" style="margin-bottom: 20px">
            <option value="">不限</option>
        <option value="男">男生宿舍</option>
        <option value="女">女生宿舍</option>
    </select><br>
        <input type="button" value="查找" onclick="findByItem(1)">
        </div>
    </div>
</div>
<!--添加房间-->
<div id="addDiv" class="dialogDiv">
    <div class="landDiv">
        <h3 style="margin: 0px;text-align: center">添加房间</h3>
        <div class="landDiv1">
            <form class="form">
                房间地址:&nbsp;<input type="text" id="addName">
                容纳人数:&nbsp;<input type="text" id="addBd"><br>
                房间类型:&nbsp;<select id="addSex">
                <option value="男">男生宿舍</option>
                <option value="女">女生宿舍</option>
            </select><br>
                <input type="button" value="添加" onclick="add()">
                <input type="button" value="取消" onclick="addStu()">
            </form>
        </div>
    </div>
</div>
<!--查看房间-->
<div id="findDiv" class="dialogDiv">
    <div class="landDiv">
        <h3 style="margin: 0px;text-align: center">添加房间</h3>
        <div class="landDiv2">
            <div class="d1">
                <div class="d2">
                房间地址: <span id="findRoomName"></span>
                可容纳人数: <span  id="findBdMax"></span>
                </div>
                <div class="d2">
                房间状态: <span id="findByState"></span>
                已住人数: <span id="findBd"></span>
                </div>
                <div class="d3">
                房间类型: <span id="findBySex"></span>
                </div>
            </div>
            <div class="stu1">
                <table border="1" width="100%" cellspacing="0">
                    <thead><tr><th>学生姓名</th><th>所在班级</th><th>联系电话</th></tr></thead>
                    <tbody id="findData"></tbody>
                </table>
            </div>
            <input type="button" value="确定" onclick="findStu()" class="i1">
        </div>
    </div>
</div>
<!--查看设施-->
<div id="fsDiv" class="dialogDiv">
    <div class="landDiv">
        <h3 style="margin: 0px;text-align: center">设施信息</h3>
        <div class="landDiv2">
            <div class="f1" >
                <table border="1" width="100%" cellspacing="0" style="height: 200px">
                    <thead><tr><th>损失描述</th><th>报损日期</th><th>是否解决</th><th>处理设施</th></tr></thead>
                    <tbody id="fsData"></tbody>
                </table>
            </div>
            <div class="f2">
                <span>损坏描述</span>
                 <textarea style="width: 200px;height: 100px;resize:none" id="fsContent" ></textarea><br>
                <input type="button" value="添加设施损坏记录" id="addFs" style="margin-left: 50px;margin-top: 50px" onclick="addFs()">
                <input type="button" value="退出" id="out" style="margin-left: 50px;margin-top: 50px" onclick="fssDiv()">

            </div>
        </div>
    </div>
</div>
<div id="infoDiv" class="dialogDiv1">
    <div id="delInfo" class="delInfo">
        <div>
            <span style="font-size: 20px">无法删除还有学生的房间</span><br>
            <input type="button" value="确定" onclick="delInfo()" style="margin-left: 90px;margin-top: 60px">
        </div>
    </div>
</div>
</body>
</html>